import React from "react";
import { View, Text } from "@tarojs/components";
import { ArrowRight } from '@nutui/icons-react-taro'
import Taro from "@tarojs/taro";
import './index.less'
const prefix = 'userinfo'
const operationList = [{
  id: 1, text: '用户协议', path: 'pages/userAgreement/index',
}, {
  id: 2, text: '版权声明', path: 'pages/CopyrghtStatement/index',
},
{ id: 3, text: '关于我们', path: 'pages/AppIntroduction/index', },
// { id: 4, text: '联系我们', path: '/pages/userinfo/userinfo', },
// { id: 5, text: '意见反馈', path: '/pages/userinfo/userinfo', },
{ id: 6, text: '去下载', path: 'pages/download/index', }

]
const Index = () => {
  return <View className={`${prefix}`}>
    {/* 用户卡片 */}
    <View className={`${prefix}-card`}>
      <View className={`${prefix}-avatar`}>
      </View>
      <Text className={`${prefix}-name`}>立即登录</Text>
    </View>
    {/* 用户协议区域 */}
    <View className={`${prefix}-list`}>
      <View className={`${prefix}-content`}>
        {operationList.map((item, index) => {
          return (
            <View className={`${prefix}-item`} onClick={() => {
              if (item.path) {
                Taro.navigateTo({
                  url: item.path
                })
              }
            }}>
              <Text className={`${prefix}-title`}>{item.text}</Text>
              <ArrowRight color="#666" size={14}></ArrowRight>
            </View>
          )
        })}
      </View>
    </View>
    <Text className={`${prefix}-info`}>
      鄂ICP备20002089号-4
    </Text>
    <Text className={`${prefix}-info`}>
      联系我们：13221007936 邮箱：13221007936@163.com
    </Text>
  </View>
}
export default Index